<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<title>jQuery Mobile Bootstrap Theme</title>
		<link rel="stylesheet" href="themes/Bootstrap.css">
		<link rel="stylesheet" href="css/jquery.mobile.css" />
		<link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
		<script src="js/jquery.js"></script>
		<script src="js/jquery.mobile.js"></script>
	</head>
	<body>
		<div data-role="page" data-theme="a">
			<div data-role="header" data-position="inline">
				<h1>jQuery Mobile Bootstrap Theme</h1>
				<div data-role="navbar">
					<ul>
						<li><a href="index.html" data-icon="home">Home</a></li>
						<li><a href="buttons.html" data-icon="star">Buttons</a></li>
						<li><a href="listviews.html" data-icon="grid">Lists</a></li>
						<li><a href="nav.html" data-icon="search" class="ui-btn-active">Nav</a></li>
						<li><a href="forms.html" data-icon="gear">Forms</a></li>
					</ul>
				</div>
			</div>
			<div data-role="content" data-theme="a">

				<a href="https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme" data-role="button" data-icon="star">Get the code</a>

				<h2>Navigation</h2>

				<div data-role="header" data-position="inline">
					<a href="index.html" data-icon="delete" data-theme="c">Cancel</a>
					<h1>Edit Contact</h1>
					<a href="index.html" data-icon="check" data-theme="d">Save</a>
				</div><br />

				<div data-role="footer" class="ui-bar">
					<a href="index.html" data-role="button" data-icon="plus">Add</a>
					<a href="index.html" data-role="button" data-icon="arrow-u">Up</a>
					<a href="index.html" data-role="button" data-icon="arrow-d">Down</a>
				</div><br />

				<div data-role="footer" data-theme="f">
					<div data-role="navbar">
						<ul>
							<li><a href="#" data-icon="check">Yes</a></li>
							<li><a href="#" data-icon="delete">No</a></li>
							<li><a href="#" data-icon="alert">Maybe</a></li>
						</ul>
					</div>
				</div><br />

				<div data-role="footer" data-theme="a">
					<a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
					<a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
					<a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
					<a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
				</div>

				<div data-role="footer" data-theme="b">
					<a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
					<a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
					<a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
					<a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
				</div>

			    <div data-role="footer" data-theme="c">
					<a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
					<a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
					<a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
					<a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
				</div>

				<div data-role="footer" data-theme="d">
					<a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
					<a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
					<a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
					<a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
				</div>

				<div data-role="footer" data-theme="e">
					<a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
					<a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
					<a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
					<a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
				</div>

				<div data-role="footer" data-theme="f">
					<a href="index.html" data-role="button" data-icon="arrow-l" data-iconpos="right">left</a>
					<a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">right</a>
					<a href="index.html" data-role="button" data-icon="arrow-u" data-iconpos="right">up</a>
					<a href="index.html" data-role="button" data-icon="arrow-d" data-iconpos="right">down</a>
				</div>

			</div>
		</div>
	</body>
</html>